分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

Vue.js(一)了解Vue

发布时间:2023-09-06 01:23责任编辑:蔡小小关键词:js

什么是Vue?

1.Vue.js是一个构建数据驱动的web界面的库。类似于Angularjs,在技术上,他重点集中在MVVM模式的View层,非常容易学习,非常容易和其他的库或已有的项目整合。

2.Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。

3.Vue.js的核心是一个响应的数据绑定系统,他让数据与DOM保持同步非常简单。

Vue的安装:

三种:

1.独立版版本

2.CDN

3.NPM

Vue起步

Vue的功能

数据渲染:

 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Vue 测试实例 - 菜鸟教程(runoob.com)</title> 6 <script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script> 7 </head> 8 <body> 9 <div id="app">10 ??<p>{{ message }}</p>11 </div>12 13 <script>14 new Vue({15 ??el: ‘#app‘,16 ??data: {17 ????message: ‘Hello Vue.js!‘18 ??}19 })20 </script>21 </body>22 </html>

运行效果:

Vue构成:

el  :  Vue装载到什么位置

template  : 装载什么东西

data  :  数据

Vue.js(一)了解Vue

原文地址:http://www.cnblogs.com/jiangwz/p/7746137.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved