【原创】Vue 创建项目

安装 vue-cli

npm install -g @vue/cli

切换镜像源：npm config set registry https://registry.npm.taobao.org

创建项目

vue create project_name

运行项目

npm run serve
或
yarn serve

脚手架的默认配置

脚手架的默认配置是隐藏的，如果想要查看，运行命令：
vue inspect > output.js
在脚手架中，以下配置不可改变，否则会报错。

官网中：https://cli.vuejs.org/zh/config/
此处标注的都是可以修改的配置项。

更改方式：vue.config.js 中修改。

ref 属性

• 用来给元素或子组件注册引用信息（id 的替代者）
• 应用在 html 标签上获取的是真实 DOM 元素，应用在组件标签上获取的是组件实例对象（vc）
• 使用方式：

<h1 ref='xxx'></h1>
或
<school ref='xxx'></school></school>
获取：this.$ref.xxx

props

让组件接收外部传过来的数据。