-
每个组件都是一个实例，每个vue实例都是一个组件
查看全部 -
Vue.component 注册全局组件 例：Vue.component('todo-item',{ template:'<li>item</li>' }) 局部组件 var TodoItem = { template:'<li>item</li>' } new Vue({ el:"xxx", //挂载点 components:{ //申明 'todo-item':TodoItem } })查看全部 -
1、要把引入的vue.js代码放在head里面，防止页面抖动查看全部
-
vue查看全部
-
v-text 会进行转译
v-html 不会进行转译
查看全部 -
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="./vue.js"></script> </head> <body><!-- 挂载点 模板 实例 --> <div id="root" class="root" @click="handle"> head {{msg}} </div> <script > new Vue({ el: ".root", data: {msg:"vue js",}, methods: { handle:function(){ this.msg="yes"} } }) </script> </body> </html>查看全部 -
v-on:click="" ---->@click="" 事件绑定
v-bind:value="xxx" -----> :value="xxx" 属性绑定
v-model="xxxx" 双向绑定
查看全部 -
this.$emit('deleteitem',this.itemindex);
查看全部 -
｛｛｝｝叫做插值表达式查看全部
-
计算属性 computed:{
fullName: function() {
return this.firstName + " " + this.lastName;
}
}
computed 有缓存的功能
查看全部 -
计算属性的写法
查看全部 -
v-model=“content”双向数据绑定
查看全部 -
v-on:click="handleClick"可以简写成@click="handleClick"
查看全部 -
v-bind:title="title"
双引号里面的是JS表达式
所以可以写成：
v-bind:title="'dell li'+title"
v-bind:title可以缩写成:title
查看全部 -
vue对象属性：
el：绑定标签，
data：数据，
methods：定义方法；
template：模板
查看全部
举报
0/150
提交
取消