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>

用脚手架工具创建项目步驟:

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

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

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

4、npm run dev                             //运行项目

 

 

猜你喜欢

转载自www.cnblogs.com/zhaoliu100125/p/10038834.html