vue.js基础--Hello word!实例
Posted sunyang-001
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue.js基础--Hello word!实例相关的知识,希望对你有一定的参考价值。
1、新建项目文件夹,创建如下项目目录结构
2、进入项目文件夹
- 输入npm init -y 初始化项目
- 生成一个package.json文件
- 全局安装live-server 用于启动项目 输入npm install -g live-server命令
3、创建一个index.html 文件,代码如下
3、创建两个文件夹 分别为
1) assets
- css
- js,引入 vue.js 文件
2) example
- helloWord.html
- helloWord.html 代码如下
以上是关于vue.js基础--Hello word!实例的主要内容,如果未能解决你的问题,请参考以下文章
Vue.js 属性或方法“hello”未在实例上定义,但在渲染期间被引用