-
webpack打包工具帮助构建大型项目的开发目录 开发完成后，再借助webpack打包操作，帮助生成线上可运行的html代码 通过vue-cli脚手架可以快速构建vue目录，并自带webpack打包工具 ESLint让代码写的更规范，测试工具不需要 vue init webpack my-project新建vue项目 cd todo-list npm run dev
查看全部 -
父组件和子组件通信：属性形式 父组件中通过属性向子组件传递值，子组件接受属性的内容并再子组件上进行内容显示 子组件可以绑定事件，实现子组件的删除必须删除父组件的相关数据， 子组件和父组件通信：发布订阅模式 子组件被点击需要通知父组件把数据删除， 传递一个$emit，触发一个自定义事件，传递一个值， 父组件在模板里可以监听子组件向外传递的出发的delete事件，如果父组件监听到子组件的事件， 执行delete事件
查看全部 -
1.vue入门
1.1引入vue.js：最好在<head></head>标签中引入<script src="./vue.js"></script>
1.2 helloworld
<html> <head> <title>Vue入门</title> <script src="./vue.js"></script> </head> <body> <div id="root"></div> <script> new Vue({ el:"#root"， data:{ msg:"hello world" } }) </script> </body> </html>查看全部 -
父组件通过属性形式向子组件传递参数，子组件通过发布该事件，父组件之前订阅了该事件，向父组件传递数据
查看全部 -
要实现删除，需要父组件把数据删除，要实现父组件和子组件之间的通信
查看全部 -
父组件向子组件传递值是利用属性的方式
查看全部 -
如果vue实例不定义挂载点，会把挂载点下面所有的dom标签作为模板。
查看全部 -
vue的组件里也可以写data,methods,computed等
查看全部 -
每个vue的组件都是一个Vue的实例
查看全部 -
挂载点：Vue实例 el参数对应的DOM节点；
模板：挂载点内部的html内容就是模板内容
Vue的template ：html片段，是否可以增加html文档；
查看全部 -
<script>
new Vue({
el:"#root", id为root的dom元素
})
</script>
查看全部 -
script标签引入放到head标签里面
查看全部 -
组建拆分：在<script>标签中定义组建名称：
//通过component定义的是全局组件
Vue.component('todo-item',{
template: '<li>item</li>'
})
//通过var定义的是局部组件
var TodoItem = { template : '<li>item</li>' }，
使用的时候在Vue实例里面用components来进行注册才能在外部使用：
components: {'todo-item': TodoItem },
可以在外部使用:content="item"传参，模板template改为{{content}},然后在组件中用props:['content']来接收。
查看全部 -
v-if :隐藏时，直接将标签从dom中移出；
v-show：标签会隐藏，但是还存在于dom中，只是改变了display的属性；
查看全部 -
scoped修饰符可以确保样式保持在组件范围内，不会影响其它组件。
查看全部
举报