网页前端技术学习--VUE

2023-04-01
【本文共56字母,578字】

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