Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。
从马坤林那知道前端VUE这个东西很久了,但一直没怎么深入学习过。今天翻出来学习一下
Vue
和Jqurey一样通过HTML中引入vue.js的包进行应用。 Vue对象和html中的元素是一一对应的
new Vue({
el:'#div', #使用CSS中的选择器,选择html元素
data:{
name:'aaa', #VUE对象中可以使用的变量
}
})
一个例子:vue的一个按钮
数据绑定:
单向:v-bind
双向:v-model,可以简写成v-model eg: <input type=“name=’dad’ ,v-model:value=’dad’”>
data的两种写法:
- 1、对象式
- 2、函数式
参考资料: Vue官网资料:https://cn.vuejs.org/guide/introduction.html#api-styles
服务端渲染SSR: https://blog.csdn.net/gaojinbo0531/article/details/129376458