关于vue 的个人看法(新手)

很多人想了解前端框架的vue,但是不知道怎么下手,我这边用我自己的语言总结一下vue,希望对你们有帮助。

我是简单把vue的主要代码分为三层(当然实际上有很多层,这个我以后慢慢讲)

第一层是template ,也就是template这个标签,他代表的是你的页面显示什么东西,比如查询按钮,删除按钮,商品展示等,全部放在这个标签内

第二层是script,也就是script这个标签,他代表的是你可以在这一层放上给template传的数据,template只是给页面展示功能组件和商品展示等可视化的东西,你得给它传数据或者编写逻辑结构,怎么传呢?就是写在script里面

第三层就是style,也就是style标签,这个标签是决定了你页面的样式,也就是功能组件,商品详情等可视化信息的颜色,大小,字体粗细等

今天先更新到这里,谢谢大家

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue.js是一种用于构建用户界面的JavaScript框架,它提供了丰富的功能和易于学习的语法。为了帮助新手入门,以下是一个基本的Vue.js 2.x的新手教程: 1. 引入Vue.js库:在HTML文件中引入Vue.js库,可以通过CDN链接或者本地文件引入。 2. 创建Vue实例:通过实例化Vue构造函数来创建一个Vue实例,并指定一个挂载点元素。 3. 数据绑定:使用v-model指令将数据和表单元素进行双向绑定,这样当表单元素的值发生变化时,相关的数据也会被更新。 4. 指令:Vue.js提供了很多指令,例如v-if、v-for等,用于操作DOM元素、控制显示和隐藏、循环遍历等。 5. 事件处理:Vue.js允许你使用v-on指令来监听DOM事件,并在事件触发时执行相应的方法。 6. 组件:Vue.js使用组件来构建复杂的用户界面,你可以创建自定义组件并在Vue实例中进行注册和使用。 7. 计算属性和侦听器:Vue.js提供了计算属性和侦听器的功能,用于处理和监测数据的变化,实现复杂的逻辑。 8. 生命周期钩子:Vue.js提供了一些生命周期钩子函数,可以在不同的阶段执行相应的操作,例如created、mounted等。 9. 调试工具:使用Vue官方提供的开发者工具vue-devtools来调试和开发Vue项目,可以方便地查看组件结构、数据变化等。 以上是一个简单的Vue.js 2.x新手教程的概述,你可以根据需要深入学习每个方面的内容。希望这对你有帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值