摘要： # 组件的`props` props时组件的`自定义属性`，在`封装通用组件`的时候，合理地使用props可以极大的`提高组件的复用性`！ ```JS Count 组件 count的值是:{{init}} +1 ``` 阅读全文

摘要： # 通过components注册的时`私有子组件` 例如： 在`组件A`的components节点下，注册了`组件F`。 则组件F只能用在组件A中；不能被用在`组件C`中。 # 注册`全局组件` 在vue项目的`main.js`入口文件中，通过`Vue.component()`方法，可以注册全局组件 阅读全文

摘要： # 组件之间的`父子关系`  # 使用组件的`三个步骤` ![image](https://img2023 阅读全文

摘要： ```js 这是用户自定义的Test.vue {{ username }} 修改用户名 123 ``` 阅读全文

摘要： ```html 这是用户自定义的Test.vue {{ username }} 修改用户名 ``` 阅读全文

摘要： # vue组件的三个组成部分 每个.vue组件都由3部分构成，分别是： - `template`->组件的`模块结构` - `script`->组件的`JavaScript行为` - `style`->组件的`样式` ```vue 这是用户自定义的Test.vue {{ title }} ``` 阅读全文

摘要： # vue项目的运行流程 在工程化的项目中，vue要做的事情很简单：通过`main.js`把`App.vue`渲染到`index.html`的指定区域中。 ```JS // 导入vue这个包，得到Vue构造函数 import Vue from 'vue' // 导入App.vue根组件，将来要把Ap 阅读全文

摘要：  ``` assets文件夹：存放项目中用到的静态资源文件，例如：css样式表、图片资源 compone 阅读全文

摘要： # 1.安装和使用 vue-cli是npm上的一个`全局包`，`使用npm install`命令，即可方便的把它安装到自己的电脑上： ``` npm install -g @vue/cli ``` 基于vue-cli快速生成工程化的Vue项目： `vue create`**项目的名称** ![ima 阅读全文

摘要： #1.什么是vue-cli `vue-cli是Vue.js开发的标准工具`。它简化了程序员基于webpack创建工程化的Vue项目的过程。 #2.安装和使用 vue-cli是npm上的一个`全局包`，`使用npm install`命令，即可方便的把它安装到自己的电脑上： ``` npm instal 阅读全文