vue.js格式

简单例子

"en">


    "UTF-8">
    "viewport" content="width=device-width, initial-scale=1.0">
    "X-UA-Compatible" content="ie=edge">
    
    "stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/lib/index.css">
    



    
"vue">
        
            "value" :options="option">
            
            "筛选" ref="item">
                
                    switch-cell v-model="switch1" title="包邮" />
                
                
                    switch-cell v-model="switch2" title="团购" />
                
                "info" @click="onConfirm">确认
            
        
    

 

一、template简单使用

注意 template内不能单独访问{{mes}}，外层必须放入div等其他元素标签

然后换一种属性指定方式

2、vant的示例

3、改进使用组件

如图：

 有个错误

这种只能直接输出字符串，识别不了van标签，这是因为渲染一次过，template属性内容加载的时候，会识别渲染，但是内部的变量不会经过vue渲染，仅仅当作字符串输出

 

换种属性指定方式：

这种元素标签必须先写好，变量的方式是最好的，可以获取随意指定。