博主信息
博文 12
粉丝 0
评论 0
访问量 10266
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
Vue.js 基础入门系列(一)环境搭建
ys899
原创
630人浏览过

什么是Vue.js

Vus.js是一套开发web页面的Javascript脚本框架。

框架特点:

  • 单页模式
  • 轻量级框架
  • MVVM设计模式
    官方网站
  • https://cn.vuejs.org/

    知识点

    安装及使用
    • 1、下载框架库,项目通过script加载CDN文件
    • 2、项目基于npm安装
      • 命令 $ npm i vue —save-dev
      • 国内使用淘宝资源类库
      • 命令 $ cnpm i vue —save-dev
    • 3、项目通过bower来安装
      • 命令 bower i vue —save-dev

代码 第一个helloworld程序

第一种方式 JS加载CND文件

  1. <html>
  2. <head>
  3. <title>Hello World</title>
  4. </head>
  5. <script src="https://unpkg.com/vue/dist/vue.js"></script>
  6. <div id="didi-navigator">
  7. <ul>
  8. <li v-for="tab in tabs">
  9. {{ tab.text }}
  10. </ul>
  11. </div>
  12. <script>
  13. new Vue({
  14. el: '#didi-navigator',
  15. data: {
  16. tabs: [
  17. {text : '巴士'},
  18. {text : '快车'},
  19. {text : '专车'},
  20. {text : '顺风车'},
  21. {text : '出租车'},
  22. {text : '代驾'}]
  23. }
  24. });
  25. </script>
  26. </html>
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学