-
Vue
挂载点: el属性对应的dom元素
模版:挂载点内部的所有内容,还可以把模版放在Vue实例中定义,作为template属性值
实例:定义挂载点,把定义的数据与模版结合起来生成要展示的内容,再把这个内容放在挂载点中
查看全部 -
进入Vue的官方网站:http://cn.vuejs.org
进入之后点击 =》学习=》教程=》点击左侧安装选项=》使用开发版本(直接使用<script>标签引入)=》点击进入复制源代码=》在编辑器新建vue.js文件,把代码粘贴进来保存=》新建一个index.html文件=》把vue.js导入,在head里用<script src="/vue.js"></script>导入
查看全部 -
全局组件:Vue.component
局部组件:var ...= { template }
在new Vue 里 要加多 components: {..}
查看全部 -
Vue.component('todo-item',{ props:['content'], template:'<li>{{content}}</li>' })
props是个数组
查看全部 -
v-for的使用
查看全部 -
总结一下大概的逻辑过程:
(1):父组件通过prop向子组件传值 子组件获得父组件传来的内容和索引。
(2):子组件通过$emit向父组件抛出触发事件名称(delete)和触发事件的list索引值。
(3):父组件通过监听对应事件名称(@delete)触发函数handleDelete。函数通过子组件抛出的索引值对应删除list查看全部 -
vue.js引入在html的head部分,防止页面出现抖屏现象
查看全部 -
安装一个小时,终于成功了。。。
安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org
这样就可以使用 cnpm 命令来安装模块了:cnpm install [name],cnpm install vue-cli -g
切换到我的项目目录下cd G:/java_obj/vue,然后vue init webpack todolist,按视频选择y/n
成功以后,cd todolist
然后这里我一开始写npm install就不往下走了,还以为是错误了,就退了,然后搜了下用cnpm install,还是不动,但过了一会竟然安装好了, 应该是因为速度慢所以以为不动了。
最后cnmp run dev,终于搞定,我的天啊。。。
查看全部 -
属性绑定
v-bind:属性=“”
用 :代替v-bind
双向数据绑定
v:model=""
查看全部 -
v-on:可以简写成@
查看全部 -
v-html:被转译
v-text:不被转译
v-on:click=" 方法名" 新的模板指令,只绑定事件;绑定的事件是click
方法定义在:实例中的methods:{}中
new Vue({
methods: {
}
方法名:function() {
alert(123)
}
})
查看全部 -
vue中每一个组件都是一个vue的实例,可以添加data/template/metheds...
查看全部 -
面向数据编程,MVVM,
单向数据绑定:v-bind: 简写为':'
双向数据绑定:v-model:
查看全部
举报