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”未在实例上定义,但在渲染期间被引用

从 vue.js 过滤器返回 vue 实例(Vue.js 2)

VUE.js入门学习-基础精讲

Vue.js 基础实例

vue.js基础知识篇:过渡Method和Vue实例方法

Vue.js—组件快速入门以及Vue路由实例应用