Vue起步

作者: Monica114 | 来源:发表于2019-02-03 23:06 被阅读0次

第一步先下载,有很多下载的方法可以直接进去官网下载https://vuejs.org/js/vue.min.js,如果安装了Node.js和npm可以直接在命令行输入 npm install vue

创建一个新的HTML文件在script标签里引入vue,实例化一个vue

先新建一个div并且给定一个id,随后在script标签里实例化一个vue,el:"id"指挂载的节点,一般是id名称,也就是你需要渲染的区域(id为app的div),data 用于定义属性,实例中有一个message的属性,而div标签中包含了p标签,p标签里的{{ }} 是用于输出对象属性和函数返回值,最终结果会输出:你好,vue

相关文章

  • vue-cli 起步配置步骤

    Vue-Cli 是 vue 专用起步工具,用 Vue-Cli 起步能够:① 项目直接安装了Vue、Vue-Rout...

  • Vue 2.0 起步(3) 数据流vuex和LocalStora

    参考: Vue 2.0 起步(2) 组件及vue-router实例 - 微信公众号RSS Vue 2.0 起步(1...

  • Vue 基础

    Vue 起步 Vue V-for循环 (一) Vue V-for 循环(二) Vue v-for表格

  • Vue起步

    1. hello world 项目 打开chrome devtools 感受双向绑定

  • VUE 起步

    单页面 SPA 网页应用的关键在于路由, 过去一个个按钮都会跳转到一个个独立的页面, 由服务器端渲染, 填充相应的...

  • vue起步

    vue官方文档:cn.vuejs.org/v2/guide 兼容性 Vue不支持IE8及以下版本,因为Vue使用了...

  • Vue起步

    1 Hello world 2 TodoList 3 TodoList 改进

  • vue起步

    今天是我学习vue框架的第一个月,我知道什么是spa,什么事单页应用。 什么是大前端!~

  • vue起步

    vue是什么? Vue.js(读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级...

  • Vue 起步

    安装vue Cli 全局安装 vue-cli 创建一个基于 webpack 模板的新项目 安装依赖,走你 查看Vu...

网友评论

      本文标题:Vue起步

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