美文网首页
Vue.js第一个程序

Vue.js第一个程序

作者: 婷诗漾 | 来源:发表于2018-04-17 12:42 被阅读0次

1、实现效果


QQ拼音截图未命名.png

2、实现源码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>vue.js</title>
<script src="vue.min.js"></script>
</head>
<body>
<div id = "app">
    <p>{{ message }}</p>
</div>
<script>
    new Vue({
        el:"#app",
        data : {
            message : "Hello Vue.js!I'm Christine!"
        }
    })
</script>
</body>
</html>

3、vue.js包的引入和下载

1、我喜欢在菜鸟教程上面下载这些:
http://www.runoob.com/vue2/vue-install.html

2、Vue的官网 https://vuejs.org/

相关文章

  • 不容错过,mpvue,美团点评开源的基于 Vue 微信小程序前端

    mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心, 修改了 Vue.js ...

  • 第一个vue.js程序

    工程目录结构: 在01-filter工程文件下打开命令行,输入命令npm run dev,运行结果如下: 好了,接...

  • Vue.js第一个程序

    1、实现效果 2、实现源码 3、vue.js包的引入和下载 1、我喜欢在菜鸟教程上面下载这些:http://www...

  • 第一个Vue.js程序

    安装 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 标签引入。Vue 会被注册为一个...

  • Vue.js项目实战

    介绍 项目是学完慕课网课程Vue.js高级实战—开发移动端音乐App后,独立开发,也是第一个vue程序。 项目与慕...

  • mpvue生存指南

    mpvue (github 地址请参见)是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js核心...

  • mpvue系列(一)

    一、什么是mpvue? mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,...

  • mpvue搭建微信小程序

    mpvue 介绍 mpvue是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,mpvu...

  • 使用mpvue开发微信小程序(三)

    mpvue 介绍 mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,mpv...

  • 使用mpvue开发微信小程序

    mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vu...

网友评论

      本文标题:Vue.js第一个程序

      本文链接:https://www.haomeiwen.com/subject/eepukftx.html