在vue中引入jq使用jq有必要吗

使用Jquery与vuejs操作dom比较
jquery实现添加功能
&!DOCTYPE html&
&meta charset=&UTF-8&&
&title&aaa&/title&
&script src=&///jquery/3.1.0/jquery.min.js&&&/script&
$(document).ready(function() {
var textbda = $(&#textbd&).val();
$(&#btn1&).click(function() {
$(&ol&).append(&&li&&+textbda+&&/li&&);
&li&添加项目 1&/li&
&input id=&textbd& type=&text& value=&aaaa& /&
&button id=&btn1&&添加&/button&
vue.js(v1.0)实现添加功能
&meta charset=&UTF-8& /&
&title&bbb&/title&
&script src=&/vue/dist/vue.js&&&/script&
&div id=&app&&
&input v-model=&newTodo&&
&button v-on:click=&addTodo&&添加&/button&
&li v-for=&todo in to&&
&span&{{ todo.text }}&/span&
el: '#app',
newTodo: '',
text: '添加项目 1'
methods: {
addTodo: function() {
var text = this.newTodo.trim()
if(text) {
this.todos.push({
text: text
this.newTodo = ''
共同点:jquery与vue.js(vue.js是一个用来开发 web 界面的前端库。)都是js库,不是框架。
不同点:从代码量看,jquery的代码比较少,vuejs的代码比较多。
从代码原理看,jquery操作的是直接dom元素。而vue.js操作的是dom元素对象。
vue.js优势是(视图-模型)双向绑定,简化了dom的操作(不用重写大量的html标签),提高dom的复用率(以最少代码实现更多的功能),倾向于数据读写,虽然看上去使用比较繁琐,但是利于后期的维护。
jquery优势是jquery语义化,容易理解,比较简单,可拓展的插件多。
总结:如果dom操作频繁,不需要动画效果,就使用vue.js。如果dom操作不频繁,但又需要复杂的动画效果,就使用jquery。
vue.js比较适合于后台管理页面,jquery比较适合于前台用户交互页面。观看视频需要登录
已有账号?马上登录
结合Jquery 实现 Vuejs Ajax
视频发布于
后端框架使用Laravel来提供数据,然后我们通过Ajax请求来获取数据,最后交给我们的Vuejs来渲染输出
delete的时候会同时删除数据库对应的信息吗?
不会,因为只是用了Jquery remove function更改DOM的资料而已
嗯,这个是会的,你没有看到后面的vue-resource实现的么 @U_Y丶小艾
完成听不懂,还需要前导课程吗?
额。这个后端是使用了 Laravel 框架,你可以用任何你熟悉的后端框架
有没有其他的vue.js视频啦
目前还没有。。。后面等 2.0 出来再看吧
我觉得可以结合Laravel API 讲一个Vue SPA 的视频。
为什么要在 created方法中加新的变量?不加又该如何?
為了區別 $.getJSON 的 this 跟 created 的 this。好比你媽媽跟你同學的媽媽,她們兩位本來在各自的家都叫媽媽,但現在她們來到你家,你就叫你同學的媽媽做「阿姨」,而不叫媽媽了。至於不加該如何處理的好方法我不知道,知道了會再來更新的。
完全听不懂。
这个有后端的知识,可以不管这个
发现没有,老师每节课的墙纸都不一样,真用心啊
vue.js 2.0的情况下,要把&h1&tasks&/h1&去掉,否则会出现错误·vue.js:2611 [Vue warn]: Component template should contain exactly one root element:·
Vuejs 2.0 有些变化了。不错不错
在它们的外面包一个&div&&/div&就好了。
这一章完全不懂啊
好多的命令都不晓得是什么意思
这是后端的内容。。。你可能不懂
主要是这个后端的这个框架没有看见过laravist,感觉起来啊好麻烦
我们主要用的是Spring框架
额。。。是 laravel 框架,麻不麻烦的看个人的需求不。
谁有用Vue.js实现的全选和反选代码啊,我纠结了一上午
我使ci的框架&mynews list="news"&&/mynews&
laravel 使用是&mynews list="{{ news }}"&&/mynews&
其他框架没有解读{{ }}该如何传递呢?
最简单的就是 toArray() 之后变成数组,然后传递的时候直接 json_encode($news) 就可以了
按照你的视频做,使用jquery来访问后端的一个路由,接受响应的数据库的值,打开浏览器不显示任何数据,也不报错。奇怪得很..用的laravel5.3
解决了....
怎么解决的? 我也遇到了
微信扫码关注公众号}

我要回帖

更多关于 vue 使用jq 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信