vue2.0安装和实例

最新推荐文章于 2023-07-31 14:34:19 发布

再-接-再-厉

最新推荐文章于 2023-07-31 14:34:19 发布

阅读量502

点赞数

分类专栏：环境搭建 es6 文章标签： vue2.0安装 vue cil实例

本文链接：https://blog.csdn.net/qq_36196162/article/details/75729622

版权

本文档详细介绍了在Node环境下使用Vue CLI搭建Vue2.0项目的步骤，包括安装npm、初始化webpack模板以及遇到的常见问题。特别提示，执行`vue init webpack`时需先安装npm，以免遗漏。在学习过程中，作者分享了自己因忽视此步骤而走的弯路，并提醒读者避免类似错误。同时，指出了某些在线资源可能存在的问题，如加载缓慢等。在编码规范方面，强调了在data中赋值必须有空格，以及不同版本Vue代码的差异。

摘要由CSDN通过智能技术生成

node环境下vue2.0项目搭建

http://www.cnblogs.com/zhihou/p/6422704.html

参考此网址搭建完成！特此感谢。

注意的是，在vue init webpack 要安装npm npm install ，开始忽略了，安装上好了，希望大家不要向我绕弯路。

https://www.v2ex.com/t/324077学习下（这个网址有问题，总是链接个什么东西，弄的很卡，后来才发现。）

感觉掉坑里了，以前在页面上用的好好的。

vue cli这个脚手架还真。。。

方法要写成data () {}赋值前一定要有空格，这个错好多次，而且我用的版本好像高一些，和网上的代码还有些不同。

入口文件 main.js 和 App.vue，这连个文件名应该是固定。

项目下src目录结构

main.js代码

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import 'bootstrap/dist/css/bootstrap.css'
import store from './store'

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  store,
  template: '
   
   ',
  components: { App }
})

console.log("hello,I'm in main.js")

App.vue