（25）打鸡儿教你Vue.js

vue-cli

// 全局安装 vue-cli
npm install --global vue-cli

// 创建一个基于 webpack 模板的新项目
vue init webpack my-project

// 安装依赖
cd my-project
npm run dev

image.png

npm install vue

npm run start

image.png image.png image.png image.png image.png image.png image.png

父组件如何向子组件传值呢？
通过属性的形式传值

父组件：

image.png

声明

image.png

删除

image.png image.png image.png image.png

全局样式与局部样式

image.png

scoped作用域修饰符，限制样式

Vue 实例生命周期

---

请点赞！因为你的鼓励是我写作的最大动力！

官方微信公众号

吹逼交流群：711613774

吹逼交流群