码迷,mamicode.com
首页 > 其他好文 > 详细

Vue---------1

时间:2020-02-27 00:57:40      阅读:95      评论:0      收藏:0      [点我收藏+]

标签:https   如何   打开   取整   类库   用户   var   地方   并且   

介绍

  1. Vue.js目前最火的的一个前端框架,三大主流前端框架之一。
  2. Vue.js是一套构建用户界面的框架(一套完整的解决方案,对项目侵入性大,中途需要跟换框架则需要重构整个项目),只关注视图层,易上手,有配套的第三方类库。
  3. 提高开发效率,帮助减少不必要的dom操作;双向数据绑定,通过框架提供的指令,前端只需要关注业务逻辑,不再关心dom如何渲染。

入门

学习所有的内容,相关的官网都会由完整的教程,Vue也不例外,Vue官网官网不仅有着大量的文档资料,同时还配有学习视频与开发软件。

第一个程序

<html>
<head>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
    <div id="app">
        {{message}}
    <div>

<script>
  var app = new Vue({
      el: '#app',
      data: {
        message: 'Hello Vue!'
      }
   })
</script>
</body>
</html>

此时网站打开显示如下页面:
技术图片

心得

当学习者第一次去学习Vue开发时,肯定会尽力去理解该框架与之前学过的HTML的异同点,并且努力去想如何实现的双向绑定,{{}}这符号又是什么意思等问题。
事实上,JavaScript可以获取整个页面的所有代码,同时他也可以改变页面的所有内容,如果学习Vue框架时,尽力的去寻找与HTML的异同之处使非常不可取的,在接下来的学习过程中,应该把Vue框架当成新的语言来学习,尽量的不要去做对比,有些地方确实与原来的变化大的多,所以尽力以学习一种新的内容的态度去学习Vue。

Vue---------1

标签:https   如何   打开   取整   类库   用户   var   地方   并且   

原文地址:https://www.cnblogs.com/acompe/p/12370072.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!