使用 vue-cli 创建 vue 项目:
cd 到指定的目录下 命令行输入:
vue init webpack-simple <项目名称>
根据提示设置Project name
设置Project description
设置Author
设置License
设置Use sass?
cd到刚刚创建的项目名称目录
命令行输入:npm install
等待安装完成后 执行 npm run dev 命令
注:以下部分练习是在https://jsfiddle.net 中进行
创建组件:(创建全局组件)
Html 部分:
<div id="app">
<div>练习</div>
<!-- 这里的 inline-template 取代组件函数中的 template:'' -->
<my-cmp inline-template>
<p>{
{ status }}</p>
</my-cmp>
<hr>
<my-cmp inline-template>
<p>第二次使用{
{ status }}