vue学习笔记-初识Vue

尝试 Vue.js 最简单的方法是使用 JSFiddle 上的 Hello World 例子。你能够在浏览器新标签页中打开它，跟着例子学习一些基础用法。或者你也能够建立一个 .html 文件，而后经过以下方式引入 Vue：

<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

 或者：

<!-- 生产环境版本，优化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

 

用脚手架工具建立项目步驟：

一、mpn install --global vue-cli          //全局安装vue脚手架工具  vue-cli

二、vue init  webpack   my_project     //建立一个基于webpack模版的新项目

三、cd my-project                           //进入到项目目录

四、npm run dev                             //运行项目