-
挂载点指的是实例里的el属性定义的id所在的节点。
模板指的是挂载点内部的内容，模板可以写在挂载点内部，也可以写在实例的templata属性里面。
在实例里指定挂载点，再把模板和数据写上，vue会自动结合模板和数据生成内容，并将其写在挂载点之中。
<div id="root"></div> <script> new Vue({ el:"#root", template:'<h1>hello {{msg}}</h1>', data:{ msg:"world" } }) </script>查看全部 -
创建一个vue实例，并且实现和挂载点绑定。
el参数表示实例和哪个节点（标签）绑定。
data参数表示实例里的数据。
<div id="root">{{msg}}</div> <script> new Vue({ el:"#root", data:{ msg:"hello world" } }) </script>
查看全部 -
cs查看全部
-
重点查看全部
-
v-bind 缩写
Vue.js 为两个最为常用的指令提供了特别的缩写：
<!-- 完整语法 -->
<a v-bind:href="url"></a>
<!-- 缩写 -->
<a :href="url"></a>
v-on 缩写
<!-- 完整语法 -->
<a v-on:click="doSomething"></a>
<!-- 缩写 -->
<a @click="doSomething"></a>
查看全部 -
v-model 双向绑定查看全部
-
v-bind属性绑定数据，简写为“:”，v-model用于双向数据绑定，可以同时改变数据
查看全部 -
显示标签内容的方式：
template:'<h1>hello<h1/>'
{{title}}
在挂载点下面可以配置多个数据，格式为：
data:{
数据名： "值",...
}
标签中使用v-text指令或v-html指令，其中v-text指令显示的数据为文本数据，不会对文本内的内容进行编译成HTML标签内容，v-html则会把文本内的标签进行编译
标签内v-on:click等价于@click属性，都用来表示点击时数据响应
调用方法时要在Vue内部需要再methods:{}内部写出对应的函数，函数名为@click的值格式为：函数名:function(){函数体}
函数体内绑定数据为this.对应的数据标题
查看全部 -
v-bind:数据绑定查看全部
-
v-on @ 用于绑定事件 方法写在vue里面的methods里面查看全部
-
v-on的简写属性是@
例如 v-on：click==@click
查看全部 -
1.方法写在methods里面
2.改变弹框内容可以调用data下面的content属性
3.v-html与v-text区别在于：前者表示的是不会对内容进行转译，v-text则会对里面的内容进行转译，直接输出里面的内容。
查看全部 -
vue入门查看全部 -
很清晰 就是晚上也太卡了查看全部
举报